import React from "react";
import { Divider, Image, Typography } from "antd";
import styles from "./Cooperative.module.css";
import facebook from "../../assets/images/facebook.png";
import follow from "../../assets/images/follow.png";
import micropost from "../../assets/images/microsoft.png";
import youtible from "../../assets/images/youtible.png";
export const Cooperative: React.FC = (props) => {
  const { children } = props;
  return (
    <div className={styles["container"]}>
      <Divider orientation="left">
        <Typography.Title level={3}>{children}</Typography.Title>
      </Divider>
      <ul className={styles["image-ul"]}>
        <li className={styles["image-li"]}>
          <Image src={facebook} className={styles["image"]} preview={false} />
        </li>
        <li>
          <Image src={follow} className={styles["image"]} preview={false} />
        </li>
        <li>
          <Image src={micropost} className={styles["image"]} preview={false} />
        </li>
        <li>
          <Image src={youtible} className={styles["image"]} preview={false} />
        </li>
      </ul>
    </div>
  );
};
